{% extends "DrinkiitBlogBundle::layout.html.twig" %}

{% block suiveur %} <a href="{{ path('homepage') }}">Accueil</a> > <a href="{{ path('visitor_stats') }}">Statistiques</a> {% endblock %}

{% block content %}

<div class="jgtable {size:'600x300', 
	type:'p3', 
	title:'Statistiques',
	title_color:'28179b', 
	title_size:16, 
	bg:'5B72D8',
	bg_type : 'gradient',
	bg_offset : 'ffffff',
	chbg : 'afc1f8',
	chbg_type : 'gradient',
	chbg_offset : '9fabc1',
	chbg_trasparency : 50,
	colors : 'red'}">
<table>
<thead>
	<tr>
		<th>Produit</th> 
        <th id="stats_donnee_tab">Quantité consommée</th> 
	</tr>
</thead>
<tbody>
{% for produit in liste_produit %}
	{% if liste_quantite[loop.index0] != 0 %}	
	<tr>
		<th class="serie">{{ produit }}</td>
		<td id="stats_donnee_tab">{{ liste_quantite[loop.index0] }}</td>
	</tr>	
	{% endif %}
{% endfor %}
</tbody>
</table>
</div>

{% endblock %}

{% block javascripts %}
<script src="{{ asset('bundles/drinkiitblog/js/jgcharts/lib/metadata/jquery.metadata.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('bundles/drinkiitblog/js/jgcharts/jgcharts.js') }}" type="text/javascript"></script>
<script src="{{ asset('bundles/drinkiitblog/js/jgcharts/plugins/jgtable/jgtable.js') }}" type="text/javascript"></script>
<script>jQuery(".jgtable").jgtable();</script>
{% endblock %}
